<template>
  <div class="news-list space-y-1">
    <h2 class="text-lg font-bold py-2 border-b border-news-border">
      <i class="fa fa-fire text-primary mr-1"></i> 头条新闻
    </h2>
    <NewsCard v-for="(news, index) in newsList" :key="index" :news="news" />
  </div>
</template>

<script>
import NewsCard from './NewsCard.vue'

export default {
  name: 'NewsList',
  components: {
    NewsCard
  },
  data() {
    return {
      newsList: [
        {
          title: '国务院批复：十地开展综合改革试点',
          summary: '国务院近日批复同意在十个地区开展综合改革试点，旨在探索新的发展路径，推动经济高质量发展。',
          source: '新浪财经',
          time: '2小时前',
          image: 'https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=200&h=200&auto=format&fit=crop'
        },
        {
          title: '财政部：预计2024年财政收入将实现温和增长',
          summary: '财政部有关负责人表示，随着经济持续恢复，预计2024年财政收入将实现温和增长，为经济社会发展提供有力保障。',
          source: '央视新闻',
          time: '3小时前',
          image: 'https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?q=80&w=200&h=200&auto=format&fit=crop'
        },
        {
          title: '央行：保持流动性合理充裕 促进经济持续回升向好',
          summary: '中国人民银行表示，将继续实施稳健的货币政策，保持流动性合理充裕，引导金融机构加大对实体经济的支持力度。',
          source: '经济日报',
          time: '4小时前',
          image: 'https://images.unsplash.com/photo-1560520634-3f145f3d164a?q=80&w=200&h=200&auto=format&fit=crop'
        },
        {
          title: '发改委：积极扩大有效投资 推动经济高质量发展',
          summary: '国家发改委表示，将积极扩大有效投资，聚焦重点领域和薄弱环节，推动经济高质量发展。',
          source: '中国证券报',
          time: '5小时前',
          image: 'https://images.unsplash.com/photo-1600880292203-757bb62b4baf?q=80&w=200&h=200&auto=format&fit=crop'
        },
        {
          title: '中际旭创：又有徐翔持股面临拍卖 价值超3亿',
          summary: '中际旭创公告称，股东徐翔持有的公司部分股份将被司法拍卖，拍卖股份价值超过3亿元。',
          source: '证券时报',
          time: '6小时前',
          image: null
        }
      ]
    }
  }
}
</script>

<style scoped>
.news-list {
  background-color: white;
}
</style>